<!DOCTYPE html>
<html lang="zh_cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>当当网首页</title>
    <link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
    <div class="logo">
        <div class="logo-pic"><li id="logo-id"><img src="img/logo.jpg" class="logo-img-class"></li></div>
        <div class="logo-text">
            <ul class="logo-ul">
                <li id="logo-id">尾品汇</li>
                <li id="logo-id">当当优品</li>
                <li id="logo-id">数字馆</li>
                <li id="logo-id">都看阅器</li>
            </ul>
        </div>
    </div>
    <div id="bartype">
        <ul>
            <li class="bar-class" id="bar-id">首页</li>
            <li class="bar-class" id="bar-id">图书</li>
            <li class="bar-class" id="bar-id">音像</li>
            <li class="bar-class" id="bar-id">童装</li>
            <li class="bar-class" id="bar-id">服装</li>
            <li class="bar-class" id="bar-id">鞋靴</li>
            <li class="bar-class" id="bar-id">运动</li>
            <li class="bar-class" id="bar-id">箱包</li>
            <li class="bar-class" id="bar-id">美妆</li>
            <li class="bar-class" id="bar-id">珠宝</li>
            <li class="bar-class" id="bar-id">家居</li>
            <li class="bar-class" id="bar-id">食品</li>
            <li class="bar-class" id="bar-id">酒</li>
            <li class="bar-class" id="bar-id">手机</li>
            <li class="bar-class" id="bar-id">数码</li>
            <li class="bar-class" id="bar-id">电脑</li>
            <li class="bar-class" id="bar-id">家电</li>
        </ul>
    </div>
    <div id="banner">
        <p><img src="img/banner.png"></p>
    </div>
    <div id="product">
        <table id="product-id">
            <tr class="product-tr">
                <td colspan="4" id="product-td-id"><img src="img/bg_bang.gif"></td>
            </tr>
            <tr class="product-tr">
                <td rowspan="4"><img src="img/book-01.jpg"></td>
                <td rowspan="4"><p class="bookname">偷影子的人</p>
                <p class="author">作者：[法]马克 李维（Marc Levy）著</p>
                <p class="factory">出版社：湖南文艺出版社</p>
                <p class="price"><li id="product-li-name">当当价：</li><li id="product-li-price">￥17.99</li></p><br>
                <p class="introduct">不知道姓氏的克蕃儿。这就是你在我生命里的角色，我童年时的小女孩，今日蜕变成了女人，一段青梅竹马的回忆，一个时间之神没有应允的愿望。一个老是受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能力而强大：他能“偷别人的影子”</p>
            </td>
               
            </tr>
            <tr>
                <td ><img src="img/book-02.jpg"></td>
                <td ><p class="bookname">看见(央视知名记者、主持人柴静：十年个人成条的告白，中国社会变迁的备忘</p>
                <p class="author">作者：柴静 著</p>
                <p class="factory">出版社：广西师范大学出版社</p>
                <p class="price"><li id="product-li-price">￥29.40</li> <li id="product-li-name">&nbsp; 7.4折</li></p>
                </td>
            </tr>
            <tr>
                <td ><img src="img/book-03.jpg"></td>
                <td ><p class="bookname">改变孩子先变自己</p>
                <p class="author">作者：贾容韬 贾毅 著</p>
                <p class="factory">出版社：作家出版社</p>
                <p class="price"><li id="product-li-price">￥22.20 </li><li id="product-li-name">&nbsp; 7.4折</li></p>
                </td>
            </tr>

        </table>

    </div>
    <div id= "end">
        <p id="end-id">Copyright(C) 当当网 2004-2017，All Rights Reserved<img src="img/validate.gif" width=20px>京ICP证041189号出版物经营许可证 新出发京批字第直0673号</p>
    </div>
</body>
</html>